<html>

<head>
    <meta charset="utf-8" />
    <script type="text/javascript" src="/js/lib/require.js"></script>
    <script type="text/javascript" src="/js/require.config.js"></script>
    <script type="text/javascript">
    require(["common", "UI.Input", "UI.Form", "UI.Model"], function() {
    	require(["./js/pages/common"],function (argument) {
        	window.removeLoader();       	
    	});
    });
    </script>
    <script type="text/javascript" src="/js/lib/jquery.min.js"></script>

    <script type="text/javascript" src="/js/lib/jquery.qrcode.min.js"></script>
    <style type="text/css">
    commodity {
        width: 200px;
        display: block;
    }
    commodity *{
        width: 200px;
        font-size: 12px;
        font-family:"Consolas", "Arial";
        /*font-family:"Arial";*/
    }
    commodity commodityImg{
        position: relative;
        width: 200px;
        height: 200px;
        display: block;
        overflow-y: hidden;
    }
    commodity commodityImg eachChild{
        position: relative;
        display: block;
    }
    commodity commodityImg img {
        position: relative;
        width: 200px;
        height: 200px;
        display: block;
    }

  

    commodity commoditySketch {
        width: 200px;
        /*height: 47px;*/
        display: block;
        background: #aaaaaa;
        padding: 2px;
        padding-left: 4px;
    }
    detail {
        display: block;
        white-space: normal;
        word-spacing: normal;
        word-wrap:break-word;
        word-break:break-all;
        overflow: hidden;
    }
    price {
        display: block;
        color: #ff0000;
        white-space: normal;
        word-spacing: normal;
        word-wrap:break-word;
        word-break:break-all;
        overflow: hidden;
    }
    outline {
        display: block;
        width: 100%;
        /*position: absolute;*/
        word-wrap:break-word;
    }
    store {
        color: #fff;
        display: block;
    }
    </style>

     <script type="text/javascript">
        $(function(){
            $("#qr_code").qrcode({
                // render: "table", //table方式，canvas方式需html5支持，更高效
                render:"canvas",
                width: 100, //宽度
                height:100, //高度
                text: "share:www.wangxuenan.com?id=5" //任意内容,Unicode编码,不支持中文
            });
        })
    </script>
</head>

<body>


    <div id="qr_code" style="margin:20px"></div>


    <xmp id="jSouperApp">
    	{{#> "top_drop_down_navigation","downnav",true,({
            "class":"scroll",
    		"screenings":[
    			{"screeningtitle":"类别1","categorys":[
    				{"name":"shoes","value":"shoes","title":"鞋子"},
    				{"name":"coat","value":"coat","title":"外套"},
    				{"name":"dress","value":"dress","title":"裙子"},
    				{"name":"ball","value":"ball","title":"球"},
    				{"name":"coat","value":"coat","title":"外套"},
    				{"name":"dress","value":"dress","title":"裙子"},
                    {"name":"ball","value":"ball","title":"球"},
                    {"name":"coat","value":"coat","title":"外套"},
                    {"name":"dress","value":"dress","title":"裙子"},
    				{"name":"ball","value":"ball","title":"球"}
    			]},
    			{"screeningtitle":"类别2","categorys":[
    				{"name":"shoes","value":"shoes","title":"鞋子"},
    				{"name":"coat","value":"coat","title":"外套"},
    				{"name":"dress","value":"dress","title":"裙子"},
    				{"name":"ball","value":"ball","title":"球"}
    			]},
    			{"screeningtitle":"类别2","categorys":[
    				{"name":"shoes","value":"shoes","title":"鞋子"},
    				{"name":"coat","value":"coat","title":"外套"},
    				{"name":"dress","value":"dress","title":"裙子"},
    				{"name":"ball","value":"ball","title":"球"}
    			]},
    			{"screeningtitle":"类别2","categorys":[
    				{"name":"shoes","value":"shoes","title":"鞋子"},
    				{"name":"coat","value":"coat","title":"外套"},
    				{"name":"dress","value":"dress","title":"裙子"},
    				{"name":"ball","value":"ball","title":"球"}
    			]},
    			{"screeningtitle":"类别2","categorys":[
    				{"name":"shoes","value":"shoes","title":"鞋子"},
    				{"name":"coat","value":"coat","title":"外套"},
    				{"name":"dress","value":"dress","title":"裙子"},
    				{"name":"ball","value":"ball","title":"球"}
    			]}
    			,
    			{"screeningtitle":"类别2","categorys":[
    				{"name":"shoes","value":"shoes","title":"鞋子"},
    				{"name":"coat","value":"coat","title":"外套"},
    				{"name":"dress","value":"dress","title":"裙子"},
    				{"name":"ball","value":"ball","title":"球"}
    			]}
    			,
    			{"screeningtitle":"类别2","categorys":[
    				{"name":"shoes","value":"shoes","title":"鞋子"},
    				{"name":"coat","value":"coat","title":"外套"},
    				{"name":"dress","value":"dress","title":"裙子"},
    				{"name":"ball","value":"ball","title":"球"}
    			]}
    			,
    			{"screeningtitle":"类别2","categorys":[
    				{"name":"shoes","value":"shoes","title":"鞋子"},
    				{"name":"coat","value":"coat","title":"外套"},
    				{"name":"dress","value":"dress","title":"裙子"},
    				{"name":"ball","value":"ball","title":"球"}
    			]}
    		],
            "buttons":[
                {"name":"submit","button":"提交"},
                {"name":"cancel","button":"取消"}
            ]            
    	})}}
       <!--  <div style="width:100%;height:100px;background-color:#000;position:absolute;top:-100px;z-index:2">dfsdfsdfsdf</div> -->
        <div>
            {{#> "topnav","topNav",true,({ 
                "user":"请登录", 
                "register":"免费注册", 
                "i":[
                    {"a_title":"购物车","class":"icon-cart"},
                    {"a_title":"收藏夹","class":"icon-folder"},
                    {"title":"下拉更多","class":"icon-point-down"}
                ] 
            })}}
        </div>
        {{#> "form.input.text","hehe",true,({ 
            "title":"fsfsf", 
            "name":"sdfsdf" 
        })}} 
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />









        {{#> "commodity","commodity",true,({ 
            "imgs":[ 
                {"src":"images/commodity/nokiax1.jpg"}, 
                {"src":"images/commodity/nokiax2.jpg"}, 
                {"src":"images/commodity/nokiax3.jpg"}, 
                {"src":"images/commodity/nokiax4.jpg"}, 
                {"src":"images/commodity/nokiax5.jpg"} 
            ], 
            "price":"￥599", 
            "outline":"Nokia X 快速加载海量安卓应用", 
            "store":"Nokia专营店" 
        })}}
       



























        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
       
        <!-- <input type="button" class="button" value="buttonbutton" /> -->
    </xmp>
</body>

</html>
